<template>
  <div>
    <div id="tests"></div>
  </div>
</template>
<script>
import { vHandle } from "@/lib/core/base_vue.js";
import render from "@/lib/core/render/render.js";
import vNode from "@/lib/core/structs/render_vNode.js";
import button from "@/lib/controls/button.js";
import pageLayout from "@/lib/controls/page.js";
import test from "@/lib/controls/test.js";
import compile from "@/lib/core/render/compile.js";
//import data from "@/cfg/components/test.json";
//import dataset from "@/cfg/models/test.json";
import Data from "@/lib/core/data/getdata.js";
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
  data() {
    return {
      //v_Node: undefined,
      columns: [],
      dataSource: [],
      MasterMenu:[]
    };
  },
  mounted() {
    let b = new test({
      
    }, this, "/cfg/components/index.json");
    //console.log('bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb',this)
    /*
    compile.make('/cfg/components/test.json',this).asyncThen((data)=>{
      this.testgetData()
    })
    this.c();*/
  },
  methods: {
    ddd: function (event) {
      console.log(event);
    },
    testevent: function (event) {
      console.log("testevent-----", event);
    },
    testgetData: function () {
      new tPage(
        {
          el: "#app",
          propsData: {
            columns: this.columns,
            dataSource: this.dataSource,
            MasterMenu:this.MasterMenu
          },
        },
        this
      );
    }
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
#components-layout-demo-top-side-2 .logo {
  width: 120px;
  height: 31px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px 28px 16px 0;
  float: left;
}
</style>
